<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="UTF-8">
    <!--移动端的预览设置，用于适配移动端-->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="stylesheet" href="/Semantic-UI-CSS-master/semantic.min.css">
    <link rel="stylesheet" href="/css/myblog.css">
    <link rel="icon" href="/images/闪电.ico" sizes="32x32">
    <title>关于我</title>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?7cd3e5b5274253178c805c4447a51941";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1279472717'%3E%3C/span%3E%3Cscript src='https://v1.cnzz.com/z_stat.php%3Fid%3D1279472717%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script>
<body>
    <!--导航-->
    <div th:replace="~{index::indexNav}"></div>

    <!--中间内容-->
    <div class=" m-padded-tb-big">
        <div class="ui container">
            <div class="ui grid rounded mobile stackable">

                <div class="four wide column ">
                    <div class="ui segment" >
                        <p>信仰</p>
                        <img src="/images/詹姆斯.jpg" alt="" class="ui rounded image" >
                    </div>
                </div>
                <div class="three wide column ">
                    <div class="ui segment" >
                        <p>17年的我大一军训，时间过得真快</p>
                        <img src="/images/17年.jpg" alt="" class="ui rounded image" >
                    </div>
                </div>
                <div class="three wide column ">
                    <div class="ui segment" >
                        <p>18年的我,头发是抖音特效</p>
                        <img src="/images/18年.png" alt="" class="ui rounded image" >
                    </div>
                </div>
                <div class="three wide column ">
                    <div class="ui segment" >
                        <p>19年的我实习入职照</p>
                        <img src="/images/头像.png" alt="" class="ui rounded image" >
                    </div>
                </div>
                <div class="three wide column ">
                    <div class="ui segment" >
                        <p>20年的我，胡子头发乱糟糟</p>
                        <img src="/images/20年.png" alt="" class="ui rounded image" >
                    </div>
                </div>
                <div class="sixteen wide column rounded">
                    <div class="ui top attached segment">
                        <div class="ui header teal">关于我</div>
                    </div>
                    <div class="ui attached segment">
                        <p class="m-text-heavy">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;潘震</p>
                    </div>
                    <div class="ui attached segment ">
                        <div class="ui orange basic label left pointing">编程</div>
                        <div class="ui orange basic label left pointing">思考</div>
                        <div class="ui orange basic label left pointing">分享</div>
                        <div class="ui orange basic label left pointing">NBA</div>
                        <div class="ui orange basic label left pointing">Linux</div>
                    </div>
                    <div class="ui attached segment">
                        <div class="ui teal basic label left pointing">Java</div>
                        <div class="ui teal basic label left pointing">SpringCloud</div>
                        <div class="ui teal basic label left pointing">Springboot</div>
                        <div class="ui teal basic label left pointing">SSM</div>
                        <div class="ui teal basic label left pointing">Linux</div>
                    </div>
                    <div class="ui bottom attached segment center aligned " >
                        <!-- 换自己项目地址 -->
                        <a href="https://github.com/shandian7" class="ui circular icon button m-margin-lr-small">
                            <i class="ui github icon"></i>
                        </a>
                        <a href="#" id="qq" class="ui circular icon button m-margin-lr-small">
                            <i class="ui qq icon"></i>
                        </a>
                        <a href="#" id="wechat" class="ui circular icon button m-margin-lr-small">
                            <i class="ui wechat icon"></i>
                        </a>
                    </div>
                    <div id="wechat-qr" class="ui flowing popup transition hidden">
                        <img src="/images/微信.png" alt="" class="ui rounded image" style="width: 110px">
                    </div>
                    <div id="qq-qr" class="ui flowing popup transition hidden">
                        <img src="/images/QQ.png" alt="" class="ui rounded image" style="width: 110px">
                    </div>
                    <!--二维码-->
                    <div class="ui horizontal divider header">扫码关注我</div>
                    <div class="ui card centered" style="width: 11em">
                        <img src="/images/CSDN.png" alt="" class="ui rounded image">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <br>
    <br>
    <!--底部footer-->
    <div th:replace="~{index::footer}"></div>

<script src="/js/jquery-3.5.1.min.js"></script>
<script src="/Semantic-UI-CSS-master/semantic.min.js"></script>

    <script >
        $("#b1").click(function (){
            $(".m-item").toggleClass("m-mobile-hide");
        });

        $('#wechat').popup({
            popup:$('#wechat-qr'),
            on:'click',
            position:'bottom center'
        })
        $('#qq').popup({
            popup:$('#qq-qr'),
            on:'click',
            position:'bottom center'
        })
    </script>
<!--    <script src="https://myhkw.cn/player/js/player.js" id="myhk" key="160861313283" m="1"></script>-->
</body>
</html>